import {reqCreateUser} from '../../api'
// 1. 图片预览功能
// 1-1. 获取元素
const fileInput = document.querySelector('#profile');
const oImg = document.querySelector('#imgPrev');

console.log(fileInput,oImg)
fileInput.onchange = function(e){
    // 1. 获取当前选择的图片文件
    const file = this.files[0];
    const reader = new FileReader();
    reader.readAsDataURL(file);// 设置文件读取后的结果是 base64URL的
    reader.onload = function(e){// 文件读取完毕之后触发
        // console.dir(e);
        oImg.src = e.currentTarget.result;// 将读取到的base64URL图片信息赋值给img标签的src属性，即可完成预览
    }
}

// 2. 添加用户
document.querySelector('#addForm').onsubmit = async function(e){
    // 阻止表单默认提交到 action指定地址的默认行为
    e.preventDefault();
    // 如何获取既有文本又有文件的表单数据？==> FormData

    const formdata = new FormData(this);
    // console.log(formdata);
    // formdata.set('username','atguigu');
    // formdata.set('_id','askdfjkl123123');
    // console.log(formdata.get('username'), formdata.get('_id'))

    // console.log(formdata.get('username'),formdata.get('pwd'),formdata.get('profileFile'))
    let res = await reqCreateUser(formdata);
    console.log('res: ',res);
    if(res.code === '2000'){
        location.href = '/users.html'
    }else{
        alert(res.message);
    }
}
